.searchcontent {
    background: #eeeeee;
    height: 100%;

    .top {
        background: #fff;
        display: flex;
        justify-content: space-between;
        padding: 0px 10px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: #333;

        .input {
            width: 280px;
            height: 44px;
            box-sizing: border-box;
            position: relative;

            input {
                box-sizing: border-box;

                width: 100%;
                padding: 0 10px 0 30px;
                outline: none;
                border: none;
                height: 24px;
                background: #e6e6e6;
                font-size: 12px;

            }

            .iconfont {
                position: absolute;
                left: 10px;
                top: 0;
                font-size: 14px;
                color: #333;
            }
        }

        .right {
            span{
                color: #757575;
                font-size: 12px;
            }
        }
    }

    .display {
        display: none;
    }

    .search-history {
        margin-top: 8px;
        background-color: #fff;
        .top-history{
            justify-content: space-between;
            display: flex;
            margin: 0 14px 0 12px;
            font-size: 14px;
            line-height: 30px;
            height: 30px;
            box-sizing: border-box;
            h5{
                display: flex;
                .iconfont{
                    margin-right: 2px;
                }
            }
        }

        h6 {
            margin-left: 12px;
            font-size: 14px;
            line-height: 30px;
            height: 30px;
        }

        .list {
            ul {
                display: flex;
                flex-wrap: wrap;

                li {
                    margin: 6px;
                    display: block;
                    padding: 4px 10px;
                    border: 1px solid #bbb;
                    color: #5d5d5d;
                    border-radius: 3px;
                    border: 1px solid #ff8f5c;
                }
                .loading-wrap{
                    font-size: 12px;
                    text-align: center;
                    padding: 6px 0;
                    color: #999;
                    width: 100%;
                    border: none;
                }
            }

        }
    }

    .content {
        background-color: #fff;

        ul {
            padding: 0 10px;
            .red{
                color: #ff8f5c;
            }
            li {
                padding: 8px;
                font-size: 14px;
                border-bottom: 1px solid #eee;
                display: block;
                color: #5d5d5d;

                .span{
                    float: right;
                    .num{
                        color: #ff8f5c;
                        font-style: normal;
                        margin: 0 1px;
                    }
                }
            }


        }
    }

}